// 创建一个单独的组件或函数，例如在 components/ui-component/extended 下创建 AnimatedMotionDiv.js
// AnimatedMotionDiv.js
import { motion } from 'framer-motion';

const AnimatedMotionDiv = ({ children, delay = 0 }) => (
  <motion.div
    initial={{ opacity: 0, translateY: 550 }}
    animate={{ opacity: 1, translateY: 0 }}
    transition={{ type: 'spring', stiffness: 150, damping: 30, delay }}
  >
    {children}
  </motion.div>
);

export default AnimatedMotionDiv;
